.Box{
    position: fixed;
    top: 0;
    width:100%;
    z-index: 100
}
/*头部*/
.header {
    /*B*/
    /*padding-top: 5px;*/
    height: 47px;
    /*V*/
    background-color: #000000;
    overflow: hidden;
    -webkit-transition: all .4s linear ;
    -moz-transition: all .4s linear ;
    -ms-transition: all .4s linear ;
    -o-transition: all .4s linear ;
    transition: all .4s linear ;
}

.header .container {
    /*B*/
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.container a.logo {
    /*B*/
    display: block;
    float: left;
    margin-top: auto;
    width: 100px;
    height: 47px;
    text-align: center;
    line-height: 68px;
    overflow: hidden;
    background: url(../images/logo.jpg) no-repeat top;
    color: white;
}

.container .login {
    width: 100px;
    float: right;
    display: none;
}

.container .login a {
    float: left;
    color: white;
    width: 50%;
    line-height: 47px;
    text-align: center;
}

.container .userinfo {
    float: right;
    text-align: center;
    line-height: 47px;
    display: none;
    color: white;

}

.container .userinfo .username {
    float: left;
    width: 80px;
    line-height: 47px;
}

.container .userinfo .logout {
    float: left;
    width: 30px;
    line-height: 47px;
    cursor: pointer;
}

.container .car {
    /*position: relative;*/
    float: right;
    width: 100px;
    height: 47px;
    text-align: center;
}

.container .car > a {
    display: block;
    color: white;
    line-height: 47px;
}

.car a {
    color: white;
}

.car .car-menu {
    display: none;
    position: absolute;
    top: 47px;
    right: 0;
    width: 200px;
    height: 400px;
    z-index: 1000;
}

.container .car:hover > a {
    color: red;
}

.container .car:hover .car-menu {
    display: block;
}

.car-menu > div:first-child {
    padding: 10px 0;
    width: 100%;
    color: white;
    background: #25292E;
}

.car-menu > div:first-child + div {
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: aqua;
}

/*中间内容*/
.container {
    /*B*/
    width: 1000px;
    margin: 10px auto;
}

/*导航*/
div.nav {
    position: relative;
    margin: auto;
    width:1000px;
    height: 60px;
    font-size: 20px;
    border-bottom: 4px solid darkgrey;
    background: white
}

div.nav div {
    float: left;
    width: 100px;
    height: 100%;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
}

div.nav div.search {
     position: relative;
     width: auto;
     font-size:14px;
 }
div.nav div.search input{
     height:20px;
     font-size:14px;
 }
div.nav div.search span{
    display: inline-block;
    position: relative;
    top: 6px;
    background: url("../images/icon.png") no-repeat -180px -152px;
    height: 27px;
    width: 27px;
    cursor: pointer;
 }


/*商品分类*/
ul.goods_category {
    /*B*/
    /*display:none;*/
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: white;
    z-index: 100;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
}
.goods_category_container:hover .goods_category {
    height: 80px;
}
.goods_category_container:hover{
    display: block;
    color: red;
}
.goods_category li {
    /*B*/
    float: left;
    padding: 5px  0 5px 5px;
    width: 70px;
    height: 80px;
    line-height: 15px;
    text-align: center;
}
.goods_category li:hover p{
    /*B*/
   color:red;
}
#goods_nav {
    font-size: 16px;
}
#goods_nav li{
    float: left;
    font-size: 16px;
    margin-right:10px;
}
div.pages {
    margin: 0 auto;
    width: 200px;
    height: 30px;
}
div.pages button{
    background-color: #7FA6C5;
    padding: 5px 15px;
}
div.pages input{
    height: 30px;
}

/*底部*/
.footer {
    /*B*/
    height: 200px;
    /*V*/
    background-color: #25292E;
    overflow: hidden;
}
.footer .footer-left{
    float:left;
    margin-top: 20px;
    color:whitesmoke ;
    line-height: 30px;

}
.footer p.toplink a{
    display: inline-block;
    height: 14px;
    line-height: 14px;
    padding: 0 8px 0 10px;
    color: whitesmoke;
    background: url(../images/icon.png) -197px -189px no-repeat;
}
p.toplink a:first-child{
    background: none;
}
.footer .footer-right{
    float:right;
    margin-top: 20px;
}
 .footer-right ul.commun  {
     position: relative;
     width: 200px;
     height: 30px;
}
 .footer-right ul.commun li {
     position: relative;
     float: right;
     margin-left: 27px;
     width: 26px;
     height: 30px;
}
.footer .footer-right ul li a{
    display: block;
    width: 26px;
    height: 20px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    cursor: pointer;
}
a.douban{
    background: url(../images/icon.png) no-repeat -125px 0;
}
a.douban:hover{
    background: url(../images/icon.png) no-repeat -125px -23px;
}
a.sina{
    background: url(../images/icon.png) no-repeat -148px 0;
}
a.sina:hover{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    background: url(../images/icon.png) no-repeat -148px -23px;
}
a.weixin{
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
    background: url(../images/icon.png) no-repeat -100px 0;
}
a.weixin:hover{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    background: url(../images/icon.png) no-repeat -100px -23px;
}
a.weixin:hover div.wechat-code{
    display: block;
}
div.wechat-code{
    position: absolute;
    top:20px;
    left: 0;
    display:none;
    width:149px;
    height: 149px;
    background: url(../images/weixin.png) no-repeat top;
}
div.top{
    position: fixed;
    bottom: 50px;
    right:40px;

}
div.top ul li{
    margin-bottom: 20px;
    width: 59px;
    height: 59px;
}
div.top ul li:nth-child(1){
    width: 59px;
    height: 59px;
    background: url(../images/icon.png) no-repeat -20px -813px;
}
div.top ul li:nth-child(2) a{
    display: block;
    width: 59px;
    height: 59px;
    text-align: center;
    line-height: 59px;
    background: gray;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.numInput{
    width:30px;
}
.pro{
    width: 100%;
    height:400px;
    text-align: center;
    line-height:400px ;
}
#pro{
    width:400px ;
    height:50px;

}